import React, { Component } from 'react';

class Com extends Component {
    render () {
        return (
            <div className='entry-list'>
            <ul className='content-box'>
            <li className='info-box'>
                <div className='info-box-row'>
                    <ul>
                        <li>专栏<i className='iconfont icon-dian'></i></li>
                        <li>sanseo<i className='iconfont icon-dian'></i></li>
                        <li>6小时前<i className='iconfont icon-dian'></i></li>
                        <li>
                            javaScript
                        </li>
                    </ul>
                </div>
                <div className='info-box-title'>
                前端跨域问题解决方案(基于node与nginx)
                </div>
                <div className='info-box-operation'>
                    <ul>
                        <li>
                            <i className='iconfont icon-zan1'></i>
                            <span>46</span>
                        </li>
                        <li>
                            <i className='iconfont icon-pinglun'></i>
                            <span>64</span>
                        </li>
                        <li className='fenxiang'>
                            <i className='iconfont icon-fenxiang'></i>
                        </li>
                        <li className='shoucang'>
                            <i className='iconfont icon-shoucang'></i>
                        </li>
                    </ul>
                </div>
            </li>
            
            <li className='info-box'>
            <div className='info-box-row'>
                <ul >
                    <li>专栏<i className='iconfont icon-dian'></i></li>
                    <li>阴明<i className='iconfont icon-dian'></i></li>
                    <li>8分钟前<i className='iconfont icon-dian'></i></li>
                    <li>
                        开源
                        
                    </li>
                </ul>
            </div>
            <div className='info-box-title'>
            开源即责任
            </div>
            <div className='info-box-operation'>
                <ul>
                    <li>
                        <i className='iconfont icon-zan1'></i>
                        <span>6</span>
                    </li>
                    <li>
                        <i className='iconfont icon-pinglun'></i>
                        <span>8</span>
                    </li>
                    <li className='fenxiang'>
                        <i className='iconfont icon-fenxiang'></i>
                    </li>
                    <li className='shoucang'>
                        <i className='iconfont icon-shoucang'></i>
                    </li>
                </ul>
            </div>
        </li>
            <li className='info-box'>
                <div className='info-box-row'>
                    <ul>
                        <li>专栏<i className='iconfont icon-dian'></i></li>
                        <li>levding<i className='iconfont icon-dian'></i></li>
                        <li>2天前<i className='iconfont icon-dian'></i></li>
                        <li>
                            GitHub
                        </li>
                    </ul>
                </div>
                <div className='info-box-title'>
                GitHub 重磅消息！私有存储库从今天起完全免费，开发者期待已久！
                </div>
                <div className='info-box-operation'>
                    <ul>
                        <li>
                            <i className='iconfont icon-zan1'></i>
                            <span>223</span>
                        </li>
                        <li>
                            <i className='iconfont icon-pinglun'></i>
                            <span>81</span>
                        </li>
                        <li className='fenxiang'>
                            <i className='iconfont icon-fenxiang'></i>
                        </li>
                        <li className='shoucang'>
                            <i className='iconfont icon-shoucang'></i>
                        </li>
                    </ul>
                </div>
            </li>
            <li className='info-box'>
                <div className='info-box-row'>
                    <ul>
                        <li>专栏<i className='iconfont icon-dian'></i></li>
                        <li>滴滴WebApp架构组<i className='iconfont icon-dian'></i></li>
                        <li>8分钟前<i className='iconfont icon-dian'></i></li>
                        <li>
                            <span>Webpack</span>
                            <span>/</span>
                            <span>源码</span>
                        </li>
                    </ul>
                </div>
                <div className='info-box-title'>
                webpack系列之二Tapable
                </div>
                <div className='info-box-operation'>
                    <ul>
                        <li>
                            <i className='iconfont icon-zan1'></i>
                            <span>6</span>
                        </li>
                        <li>
                            <i className='iconfont icon-pinglun'></i>
                            <span>6</span>
                        </li>
                        <li className='fenxiang'>
                            <i className='iconfont icon-fenxiang'></i>
                        </li>
                        <li className='shoucang'>
                            <i className='iconfont icon-shoucang'></i>
                        </li>
                    </ul>
                </div>
            </li>
            <li className='info-box'>
                <div className='info-box-row'>
                    <ul>
                        <li>专栏<i className='iconfont icon-dian'></i></li>
                        <li>胡七筒<i className='iconfont icon-dian'></i></li>
                        <li>23天前<i className='iconfont icon-dian'></i></li>
                        <li>
                            javaScript
                        </li>
                    </ul>
                </div>
                <div className='info-box-title'>
                程序猿生存指南-34 我与清华
                </div>
                <div className='info-box-operation'>
                    <ul>
                        <li>
                            <i className='iconfont icon-zan1'></i>
                            <span>46</span>
                        </li>
                        <li>
                            <i className='iconfont icon-pinglun'></i>
                            <span>64</span>
                        </li>
                        <li className='fenxiang'>
                            <i className='iconfont icon-fenxiang'></i>
                        </li>
                        <li className='shoucang'>
                            <i className='iconfont icon-shoucang'></i>
                        </li>
                    </ul>
                </div>
            </li>
            <li className='info-box'>
                <div className='info-box-row'>
                    <ul>
                        <li>专栏<i className='iconfont icon-dian'></i></li>
                        <li>CoyPan<i className='iconfont icon-dian'></i></li>
                        <li>4小时前<i className='iconfont icon-dian'></i></li>
                        <li>
                            安全
                        </li>
                    </ul>
                </div>
                <div className='info-box-title'>
                使用&lt;a>标签时，你可能会忽略的一个安全问题
                </div>
                <div className='info-box-operation'>
                    <ul>
                        <li>
                            <i className='iconfont icon-zan1'></i>
                            <span>25</span>
                        </li>
                        <li>
                            <i className='iconfont icon-pinglun'></i>
                            <span>10</span>
                        </li>
                        <li className='fenxiang'>
                            <i className='iconfont icon-fenxiang'></i>
                        </li>
                        <li className='shoucang'>
                            <i className='iconfont icon-shoucang'></i>
                        </li>
                    </ul>
                </div>
            </li>
            </ul>
            </div>
        )
    }
}

export default Com;